<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <style>
  body {
   padding: 0;
  }
  .left,
  .right {
   float: left;
   width: 50%;
   background-color: antiquewhite;
   vertical-align: top;
   display: inline-block;
  }

  .right {
   background-color: aqua;
  }
 </style>
</head>

<body>
 <div class="left">
  <table  cellpadding="5" cellspacing="0">
   <tr>
    <td>
     <img src="https://via.placeholder.com/150" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
   <tr>
    <td>
     <img src="https://via.placeholder.com/150" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
   <tr>
    <td>
     <img src="https://via.placeholder.com/150" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
  </table>
 </div>
 <div class="right">
  <table cellpadding="5" cellspacing="0">
   <tr>
    <td>
     <img src="https://via.placeholder.com/270" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
   <tr>
    <td>
     <img src="https://via.placeholder.com/450" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
   <tr>
    <td>
     <img src="https://via.placeholder.com/210" alt="Image"><br>
     <!-- Replace your_image_source_here with your image link -->
     First line of text<br>
     Second line of text
    </td>
   </tr>
  </table>
 </div>
</body>

</html>